<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>好易购(haohao)-综合网上购物商城，正品行货，全国联保，货到付款！</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<link rel="shortcut icon" href="img/title_logo.ico" />
	</head>

	<body>
		  <!--最上面广告-->
		<div id="layout_adt"> 
			<div id="top_adt">
				<a href="####" title="PPTV手机众筹" style="display: block;overflow: hidden;">
					<img style="display: block;" src="img/pptvphone.jpg" />
				</a>
				<a class="x" href="####"></a>
			</div>
			<div id="top_adt_big">
				<img style="width: 100%;display: block;" src='img/duizhang.jpg'/>
			</div>
		</div>
		<!-- 最上面广告结束 -->
		<!--注册登录-->
		<div id="layout_nav">
			<div id="top_nav">
				
				<div class="top_nav_right">
					<div class="login">
						<c:if test="${!empty user }">
							您好,<span style="color:red">${user.name }</span>
						</c:if>
						<c:if test="${empty user }">
							<a href="login.jsp">登录</a>
							<a href="regist.jsp" style="margin-left: 8px;">注册</a>
						</c:if>
					</div>
					<div class="mydingdan scrollx">
						<a href="####">我的订单</a>
					</div>
				</div>

			</div>
		</div>
		<!--登录导航结束-->
		<!--搜索-->
		<div id="search">
			<a href="####" class="logo"></a>
			<a href="####" class="logogif">
				<img src="img/logo.gif" alt="" />
			</a>
			<div class="main_search">
				<div class="ng_search">
					<i class="ng-iconfont search-icon">&#xe619;</i>
					<form action="">
						<div class="search-keyword-box">
							<input value="iPhone6s最大的不同就是处处相同" id="searchKeywords" type="text" class="search-keyword" />
						</div>
						<input id="searchSubmit" type="submit" class="search-btn" value="搜索" />
					
					</form>
				</div>
			</div>
			<div class="erweima">
				<a href="####" title="移动端">
					<img src="img/erweima.jpg" alt="移动端" />
				</a>
			</div>
		</div>
		<!--搜索结束-->
		
		<!--详细分类导航-->
		<div id="layout_sort">
			<div id="sort">
				<div class="sort_index">
					<a class="sort_index_top" href="####">
						<em class="ng-iconfont">&#xe621;</em><span>全部商品分类</span>
					</a>
					<div class="sort_index_down">
						<ul class="list" >
							<li>
								<em class="ng-iconfont">&#xe611;</em>
								<a href="#yilou"">服装百货</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe604;</em>
								<a href="#erlou">手机通信</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe606;</em>
								<a href="#sanlou">生活用品</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe607;</em>
								<a href="####">空调</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe61b;</em>
								<a href="####">厨卫电器</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe610;</em>
								<a href="####">美妆个护</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe60e;</em>
								<a href="####">运动户外</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe613;</em>
								<a href="####">男装</a>
							</li>
							
							<li>
								<em class="ng-iconfont">&#xe617;</em>
								<a href="####">箱包皮具</a>
							</li>
							<li>
								<em class="ng-iconfont">&#xe614;</em>
								<a href="####">食品粮油</a>
							</li>
						</ul>
					</div>
				</div>
				
				<!-- 二维码部分 -->
				<div class="sort_right">
					<a href="####">
						<b>【新人福利】</b> 10元红包免费领
					</a>
				</div>
			</div>
		</div>
		<!--详细分类导航结束-->
		
		
		<!--大图轮播-->
		<div id="layout_main_pic">
			<div id="main_pic">
				<a class="banner-btn banner-prev" href="####">
					<span class="btn-bg"></span>
					<i class="arr"></i>
				</a>
				<a class="banner-btn banner-next" href="####">
					<span class="btn-bg"></span>
					<i class="arr"></i>
				</a>
				<div class="banner-pic">
					<ul>
						<li style="background:#7701A1;display:block;">
							<a href="####" title="">
								<img src="img/1.jpg" alt="" />
							</a>
						</li>
						<li style="background:#99cce1">
							<a href="####" title="">
								<img src="img/2.jpg" alt=" " />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#9D5CFE">
							<a href="####" title="">
								<img src="img/3.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#FFFFFF">
							<a href="####" title="">
								<img src="img/4.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#EBEFFB">
							<a href="####" title="">
								<img src="img/5.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#6539E6">
							<a href="####" title="">
								<img src="img/6.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#FDAB01">
							<a href="####" title="">
								<img src="img/7.jpg" alt="" />
							</a>
						</li>
						<li style="background:#DD073B">
							<a href="####" title="">
								<img src="img/8.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#478FFE">
							<a href="####" title="">
								<img src="img/9.jpg" alt="" />
							</a>
						</li>
						<li style="background:#CE46CE">
							<a href="####" title="">
								<img src="img/10.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#5E21BD">
							<a href="####" title="">
								<img src="img/11.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#EB1587">
							<a href="####" title="">
								<img src="img/12.jpg" alt="" />
							</a>
						</li>
						<li style="background:#1A192B">
							<a href="####" title="">
								<img src="img/13.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#FF0E3E">
							<a href="####" title="">
								<img src="img/14.jpg" alt="" />
							</a>
						</li>
						<li style="background:#FFB500">
							<a href="####" title="">
								<img src="img/15.jpg" alt="" />
							</a>
						</li>
					</ul>
					<ul>
						<li style="background:#F5091D">
							<a href="####" title="">
								<img src="img/16.jpg" alt="" />
							</a>
						</li>
						<li style="background:#478FFE">
							<a href="####" title="">
								<img src="img/17.jpg" alt="" />
							</a>
						</li>
					</ul>
				</div>
				
				<div class="show-case">
					<div class="box-all">
					<!-- 下面是公告部分 -->
						<div class="title"><i></i><em>公告</em></div>
						<div class="notice">
							<div class="bg"></div>
							<ul class="list">
								<li class="hot"><a href="####"><i>【公告】</i><em>支持学员直通鸟巢</em></a></li>
								<li><a href="####"><i>【公告】</i><em>7.8%定期理财热销中</em></a></li>
								<li><a href="####"><i>【公告】</i><em>错收价款退费说明</em></a></li>
								<li><a href="####"><i>【公告】</i><em>打卡赚云钻赢好礼</em></a></li>
								<li><a href="####"><i>【公告】</i><em>新人独享好货低至5折</em></a></li>
							</ul>
						</div>
						<!-- 公告部分结束 -->
						<div class="title"><em>最近浏览</em></div>
						<div class="life">
							<div class="bg"></div>
							
							<!-- 商品浏览历史部分 -->
							<div class="list">
								<ul>
									<li><a href="####"><i class="ng-iconfont">&#xe641;</i>充值</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe644;</i>火车票</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe60c;</i>机票</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe618;</i>水电煤</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe60f;</i>理财</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe608;</i>免费书城</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe61d;</i>延保</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe61f;</i>游戏</a></li>
									<li><a href="####"><i class="ng-iconfont">&#xe617;</i>领云钻</a></li>
								</ul>
							</div>
								<!-- 商品浏览历史结束 -->
						</div>
					</div>
				</div>
			</div>

		</div>
		<!--大图轮播结束-->

		<!--1楼-->
		 <a name="yilou"></a>
		<div class="floor one" id="one">
			<div class="floor_top">
				<div class="title">
					<h3>
						<b>1F</b>
						服饰百货
					</h3>
					<h4></h4>
				</div>
				<ul class="tab">
					<li class="on"><a href="####"><i></i><em>全部商品</em></a></li>
				</ul>
			</div>
			<div class="floor_down">
				<div class="side">
					<a class="big" href="####" title=" "><img src="img/1f_1.jpg" alt=""></a>

					<div class="entrances entrances4">
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe613;</i>
							<em>服装城</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe60e;</i>
							<em>运动馆</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe620;</i>
							<em>皮具箱包</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe617;</i>
							<em>钟表珠宝</em>
						</a>
					</div>
					<!-- 品牌列表 -->
					<ul class="brands">
						<li class="item1">
							<a href="####" title=""><img src="img/1f_2_1.jpg" alt=""></a>
						</li>
						<li class="item2">
							<a href="####" title=""><img src="img/1f_2_2.jpg" alt=""></a>
						</li>
						<li class="item3">
							<a href="####" title=""><img src="img/1f_2_3.jpg" alt=""></a>
						</li>
						<li class="item4">
							<a href="####" title=""><img src="img/1f_2_4.jpg" alt=""></a>
						</li>
						<li class="item5">
							<a href="####" title=""><img src="img/1f_2_5.jpg" alt=""></a>
						</li>
						<li class="item6">
							<a href="####" title=""><img src="img/1f_2_6.jpg" alt=""></a>
						</li>
					</ul>
				</div>

			

				<div class="main-col J-domLazy" style="display: block">
					<ul class="prd-list">
					<c:forEach items="${shoplist}" var="list" begin="0" end="10">
						<li>
							<p class="face">
								<a href="ShowPingJia.do?sid=${list.sid}&picture=${list.picture}&sname=${list.sname}&smoney=${list.smoney}" title=" "><img src=${list.picture} alt="资源找不到啦!" /></a>
							</p>
							<p class="name"><a href="ShowPingJia.do?sid=${list.sid}&picture=${list.picture}&sname=${list.sname}&smoney=${list.smoney}">${list.sname}</a></p>
							<span class="name"><a href="ShowPingJia.do?sid=${list.sid}&picture=${list.picture}&sname=${list.sname}&smoney=${list.smoney}">${list.smoney}元</a></span>
							<p class="price"></p>
						</li>
					
					</c:forEach>
						
					</ul>
				</div>

			</div>
		</div>
		<div id="adv_article">
			<a href="####"><img src="img/adv_article1.jpg" /></a>
		</div>

		<!--二楼-->
		 <a name="erlou"></a>
		<div class="floor two" id="two">
			<div class="floor_top">
				<div class="title">
					<h3>
						<b>2F</b>
						手机通讯
					</h3>
					<h4></h4>
				</div>
				<ul class="tab">
					<li class="on"><a href="####"><i></i><em>全部商品</em></a></li>
				</ul>
				<div class="links">
					<a href="####">iphone6s</a>
					<a href="####">华为荣耀7</a>
					<a href="####">红米Nate2</a>
					<a href="####">三星note5</a>
					<a href="####">魅族MX5</a>
					<a href="####">大神note3</a>
					<a href="####">努比亚</a>
					<a href="####">华为P8</a>
				</div>
			</div>
			<div class="floor_down">
				<div class="side">
					<a class="big" href="####" title="男神换装 来点新衣"><img src="img/2floor/1.jpg" alt=""></a>

					<div class="entrances entrances4">
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe613;</i>
							<em>热卖手机</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe60e;</i>
							<em>手机配件</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe620;</i>
							<em>智能手环</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe617;</i>
							<em>营业厅</em>
						</a>
					</div>
					<!-- 品牌列表 -->
					<ul class="brands">
						<li class="item1">
							<a href="####" title="魅族"><img src="img/2floor/2.jpg" alt=""></a>
						</li>
						<li class="item2">
							<a href="####" title="华为"><img src="img/2floor/3.jpg" alt=""></a>
						</li>
						<li class="item3">
							<a href="####" title="三星"><img src="img/2floor/4.jpg" alt=""></a>
						</li>
						<li class="item4">
							<a href="####" title="大神"><img src="img/2floor/5.jpg" alt=""></a>
						</li>
						<li class="item5">
							<a href="####" title="OPPO"><img src="img/2floor/6.jpg" alt=""></a>
						</li>
						<li class="item6">
							<a href="####" title="vivo"><img src="img/2floor/7.jpg" alt=""></a>
						</li>
					</ul>
				</div>

			

				<div class="main-col J-domLazy"style="display: block">
					<ul class="prd-list">
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/1.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">七格格OTHERMIX2015秋新款 网纱拼接弹力修身长袖一字领T恤</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/2.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">幸福时光 2015秋冬新款男士套装 卫衣套装卫衣男店主风 男士运动套装 开衫套装 XXL 灰色</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/3.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">【5装装】俞兆林男袜 隐形船袜短袜 防臭浅口袜低帮棉袜 迷彩 均码</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/4.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">2015新款时尚女鞋深口休闲鞋细带鞋花色运动鞋YD5BB4188 粉色 37码</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/5.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">花花公子 时尚休闲皮带 男士腰带 板扣裤腰带PDA0586-4B 黑色 120cm</a></p>
							<p class="price"></p>
						</li>
					</ul>
					<ul class="prd-list">
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/6.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">罗西尼唯美花样璀璨石英女表</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/7.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">百年宝诚 S990足银手镯女圆手环镂空银饰甜美时尚瑞丽花丝银镯子 花瓣款</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/8.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">鸿星尔克男运动鞋 跑步鞋 男常规跑鞋FD11114203414 青铜灰/金 42码</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/9.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">探路者秋冬男式保暖厚实连帽套头卫衣TAUC91565 TAUC91565-G15X深花灰 XL</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/10.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">战地吉普男士长袖T恤 2015秋装针织T恤 圆领青年打底衫 天蓝色 L</a></p>
							<p class="price"></p>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<div id="adv_article">
			<a href="####"><img src="img/adv_article2.jpg" /></a>
		</div>
		<!--三楼-->
		<a name="sanlou"></a>
		<div class="floor three" id="three">
			<div class="floor_top">
				<div class="title">
					<h3>
						<b>3F</b>
						生活日用
					</h3>
					<h4></h4>
				</div>
				<ul class="tab">
					<li class="on"><a href="####"><i></i><em>全部商品</em></a></li>
				<!-- 	<li class=""><a href="####"><i></i><em>热卖商品</em></a></li> -->
				</ul>
				<div class="links">
					<a href="####">洗衣液</a>
					<a href="####">四件套</a>
					<a href="####">茶具</a>
					<a href="####">卷纸</a>
					<a href="####">清洁用品</a>
					<a href="####">被子</a>
					<a href="####">纸抽</a>
					<a href="####">安全避孕</a>
				</div>
			</div>
			<div class="floor_down">
				<div class="side">
					<a class="big" href="####" title=""><img src="img/3floor/1.jpg" alt=""></a>

					<div class="entrances entrances4">
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe613;</i>
							<em>超市频道</em>
						</a>
						<a href="####">
							<span class="bg"></span>
							<i class="ng-iconfont">&#xe60e;</i>
							<em>天天低价</em>
						</a>

					</div>
					<!-- 品牌列表 -->
					<ul class="brands">
						<li class="item1">
							<a href="####" title=""><img src="img/3floor/2.gif" alt=""></a>
						</li>
						<li class="item2">
							<a href="####" title=""><img src="img/3floor/3.gif" alt=""></a>
						</li>
						<li class="item3">
							<a href="####" title=""><img src="img/3floor/4.gif" alt=""></a>
						</li>
						<li class="item4">
							<a href="####" title=""><img src="img/3floor/5.gif" alt=""></a>
						</li>
						<li class="item5">
							<a href="####" title=""><img src="img/3floor/6.gif" alt=""></a>
						</li>
						<li class="item6">
							<a href="####" title=""><img src="img/3floor/7.gif" alt=""></a>
						</li>
					</ul>
				</div>

				

				<div class="main-col J-domLazy" style="display: block;">
					<ul class="prd-list">
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/1.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">七格格OTHERMIX2015秋新款 网纱拼接弹力修身长袖一字领T恤</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/2.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">幸福时光 2015秋冬新款男士套装 卫衣套装卫衣男店主风 男士运动套装 开衫套装 XXL 灰色</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face"><img src="img/s1/3.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">【5装装】俞兆林男袜 隐形船袜短袜 防臭浅口袜低帮棉袜 迷彩 均码</a></p>
							<span class="name"><a href="####">44.9$</a></span>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/4.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">2015新款时尚女鞋深口休闲鞋细带鞋花色运动鞋YD5BB4188 粉色 37码</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/5.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">花花公子 时尚休闲皮带 男士腰带 板扣裤腰带PDA0586-4B 黑色 120cm</a></p>
							<p class="price"></p>
						</li>
					</ul>
					<ul class="prd-list">
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/6.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">罗西尼唯美花样璀璨石英女表</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/7.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">百年宝诚 S990足银手镯女圆手环镂空银饰甜美时尚瑞丽花丝银镯子 花瓣款</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/8.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">鸿星尔克男运动鞋 跑步鞋 男常规跑鞋FD11114203414 青铜灰/金 42码</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/9.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">探路者秋冬男式保暖厚实连帽套头卫衣TAUC91565 TAUC91565-G15X深花灰 XL</a></p>
							<p class="price"></p>
						</li>
						<li>
							<p class="face">
								<a href="####" title=""><img src="img/s1/10.jpg" alt="" /></a>
							</p>
							<p class="name"><a href="####">战地吉普男士长袖T恤 2015秋装针织T恤 圆领青年打底衫 天蓝色 L</a></p>
							<p class="price"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>